<%@include file="/common/includesTaglibsGenerico.jsp"%>

<style type="text/css">
div.ui-datepicker {
	font-size: 62.5%;
	background:#ade89f;
}

div.ui-dialog {
	font-size: 62.5%;
}

div.ui-accordion {
	font-size: 60.5%;
}
</style>
<script type="text/javascript">
var v_igv = new Number('18');
var m_igv = new Number(v_igv / 100);

$(document).ready(function() {
	if($('#mensaje').attr("value") != ''&& $('#mensaje').attr("value") != undefined){
        alert($('#mensaje').attr("value"));
     }
});

/*
 function fRefresh(tiempo){
   fSetTimeOutRefreshLocation(tiempo);
  }
 */

 function getMontos(){
	 
	 if ($('#igvMonto').attr("value")=="" ){
			alert("Ingresar igv");
			return;
		} 
		if ($('#montoTotal').attr("value")=="") {
			alert("Ingresar Monto Total");
			return;
		} 
 	var v1_igv =(parseInt( $('#igvMonto').attr("value"))+100)/100;
 	var v2_igv =parseInt( $('#igvMonto').attr("value"))/100;
 	base = parseFloat($('#montoTotal').attr("value"));
 	subTotal=parseFloat(base/v1_igv).toFixed(2);
 	igv =parseFloat(subTotal*v2_igv).toFixed(2);
 	document.getElementsByName('montoIgv')[0].value = igv; 
 	document.getElementsByName('subTotal')[0].value = subTotal; 

 }

 function getMensajeComprobanteRuc() {
	 var ruc = $("#rucProveedor").attr("value");
	  var numero = $("#numeroDocumento").attr("value");
	  
	 $.ajax({ url: 'actionGetMensajeComprobanteRuc.jspx',
	               data: 'rucComprador='+ruc+'&numeroComprobante='+numero,
	               type:'get',
	               dataType: 'html',
	               success: function (response) {
						var estado=response;
						if (estado=='SI') {
							  alert("Documento ya existe asignado al Proveedor"); 
				               			return;
						}else{
							 var form = document.formShowIngresoPago;
					    form.action = "actionRegistrarIngresoPago.jspx?";
					    form.submit();
						}
	            	 		}
	               });
 }

function fRegistrar(){
	
	if (validar()) {
		return;
	}
	 if (ingresoPagoID=='0') {
			getMensajeComprobanteRuc();        			
	    }else{
	   	 var form = document.formShowIngresoPago;
		    form.action = "actionRegistrarIngresoPago.jspx?";
		    form.submit();
			
	    }    

   
}
function fDetallePago(url) {

	fOpenModalDialog(url,'900','600','90','60');
}


function validar(){
	var cabecera = "Debe ingresar la siguiente informaci\u00F3n obligatoria(*):";
      var mensaje = "";
      if($('#tipoComprobante').attr("value") == 0){
         mensaje += "\n - Tipo Comprobante.";
      }
      if($('#numeroComprobante').attr("value") ==''){
         mensaje += "\n - Numero Comprobante.";
      }
      if($('#fechaEmision').attr("value") == 0){
          mensaje += "\n - Fecha Emision.";
       }
      if($('#rucProveedor').attr("value") == ''){
         mensaje += "\n - Ruc Comprador.";
      }
      if($('#razonSocial').attr("value") == ''){
         mensaje += "\n - Razon Social.";
      }
      if($('#montoTotal').attr("value") == ''){
             mensaje += "\n - MontoTotal.";
       /*   }else{
        	  if(parseFloat($('#saldoDisponible').attr("value"))< parseFloat($('#montoTotal').attr("value"))){
                  mensaje += "\n - Monto Total debe ser menor o igual al Saldo Disponible.";
                  
               }*/
      }
      if($('#tipoMoneda').attr("value") == ''){
             mensaje += "\n - Tipo Moneda.";
          }
      if($('#saldoPagado').attr("value") == ''){
         mensaje += "\n - saldoPagado.";
      }
      if($('#montoIgv').attr("value") == ''){
             mensaje += "\n - Monto Igv.";
      }
      if($('#imagen').attr("value") == ''){
         mensaje += "\n - Imagen Factura.";
      }
            if(mensaje != ""){
         alert(cabecera + mensaje);
         return true;
      }else{
         return false;
      }
   
}


$(function() {
	$("#fechaEmision").datepicker({
		changeMonth : true,
		changeYear : true
	});
});

function fModificar(id){
	if (confirm("Desea modificar el Ingreso Pago?")) {
    var form = document.formShowIngresoPago;
    form.action = "actionCargarIngresoPago.jspx?ingresoPagoID="+id;
    form.submit();
	}
}
function fEliminar(id){
	if (confirm("Desea eliminar el Ingreso Pago?")) {
		var form = document.formShowIngresoPago;
	    form.action = "actionEliminarIngresoPago.jspx?ingresoPagoID="+id;
	    form.submit();
	   
	}
	
}


</script>

<div class="form-clasico">
	<br />

	<div class="encabezado">Ingresos Pagos</div>
	<form:form name="formShowIngresoPago" action="showIngresoPago.jspx"
		method="POST">
	<input type="hidden" id="ingresoPagoID" name="ingresoPagoID"
			value="${ingresoPagoID}">
		<input type="hidden" id="liquidacionGastoID" name="liquidacionGastoID"
			value="${liquidacionGastoID}">
		<input type="hidden" id="mensaje" name="mensaje" value="${mensaje}">
		<br />
		<fieldset style="padding-left: 15px">
			<legend>Lista Pagos</legend>
			<fieldset style="padding-left: 15px">
				<legend>Datos</legend>
				<table style="width: 100%;">
					<tr>
						<td style="text-align: right; width: 25%;"><label><b>Fuente
									Financiadora: </b>
						</label></td>
						<td  style="text-align: left; width: 25%;"><label> <c:out
									value="${liquidacion.fuenteFinanciadora.institucion.nombreInstitucion}" />
						</label></td>
						<td  style="text-align: right; width: 25%;"><label><b>Saldo
									Disponible:</b>
						</label></td>
						<td  style="text-align: left; width: 25%;"><label><c:out value="${saldoDisponible}" /> - <c:forEach
									items="${listTipoMoneda}" var="tipoMoneda">
									<c:if
										test="${ tipoMoneda.tablaEspecificaID == liquidacion.fuenteFinanciadora.fkIdtablaespTipoMoneda}">
										<c:out value="${tipoMoneda.descripcionCabecera}" />
									</c:if>
								</c:forEach> </label></td>
					</tr>
				</table>
			</fieldset>
			<br />
			<table>
				<tr>
					<td style="text-align: right;"><label>Fecha Emision:</label></td>
					<td><input type="text" name="fechaEmision" maxlength="0"
						id="fechaEmision" value="${fechaEmision}"
						onkeypress="javascript:return Valida_Dato(event,7), isNumberKeyPBD(event);" /><label>(dd/mm/aaaa)</label>
					</td>
					<td style="text-align: right;"><label> Desembolso:</label>
					</td>
					<td><select name="desembolsoID" id="desembolsoID">
							<option value="0">
								<c:out value="-- Desembolso --" />
							</option>
							<c:forEach items="${listDesembolso}" var="desembolso1">
								<option value="${desembolso1.desembolsoID}">
									<c:forEach items="${listTipoDesembolso}" var="modali">
										<c:if
											test="${desembolso1.fkIdtablaespTipoDesembolso == modali.tablaEspecificaID}">
											<c:out
												value="${desembolso1.periodo}.${desembolso1.fuenteFinanciadora.fuenteFinanciadoraID}.${desembolso1.versionDePeriodo}.${modali.descripcionCabecera}" />
										</c:if>
									</c:forEach>
								</option>
							</c:forEach>
					</select>
					<td>
				</tr>
				<tr>
					<td style="text-align: right;"><label>N&uacute;mero
							Comprobante:</label></td>
					<td><input type="text" name="numeroDocumento"
						id="numeroDocumento" value="${pagoLiquidacion.numeroDocumento}"
						maxlength="11" onkeypress="return isNumberKeyP(event);">
						<select name="tipoComprobante" id="tipoComprobante">
							<option value="0">
								<c:out value="-- Tipo Comprobante --" />
							</option>
							<c:forEach items="${listTipoComprobante}" var="modali">
								<option value="${modali.tablaEspecificaID}"
									<c:if test="${ pagoLiquidacion.fkIdtablaespTipoComprobantePago == modali.tablaEspecificaID}"> selected="selected" </c:if>>
									<c:out value="${modali.descripcionCabecera}" />
								</option>
							</c:forEach>
					</select></td>
					<td style="text-align: right;"><label>N&uacute;mero
							Cheque:</label></td>
					<td><input type="text" name="numeroCheque" id="numeroCheque"
						value="${pagoLiquidacion.numeroCheque}" maxlength="11"
						onkeypress="return isNumberKeyP(event);"></td>

				</tr>
				<tr>
					<td style="text-align: right;"><label>Ruc Proveedor:</label></td>
					<td><input type="text" name="rucProveedor" id="rucProveedor"
						value="${pagoLiquidacion.rucProveedor}" maxlength="11"
						onkeypress="javascript:return Valida_Dato(event,7);" /> <label>Cheque
							Cobrado:</label> <input type="checkbox" name="chequeCobrado"
						id="chequeCobrado" value="1"></td>
				</tr>
				<tr>
					<td><label>Raz&oacute;n Social:</label></td>
					<td colspan="2"><input type="text" style="width: 100%"
						name="razonSocial" id="razonSocial"
						value="${pagoLiquidacion.razonSocial}"
						onkeypress="javascript:return Valida_Dato(event,7);" /></td>
				</tr>
				<tr>
					<td style="text-align: right;"><label>Sub Total:</label></td>
					<td><input type="text" name="subTotal" maxlength="0"
						id="subTotal"
						onkeypress="return isNumberKeyP(event), isNumberKeyPBD(event)"
						onkeydown="if(event.keyCode == 13){getMontos();}" /></td>
				</tr>
				<tr>
					<td style="text-align: right;"><label>Igv:<input
							type="text" name="igvMonto" style="width: 20px;"
							onchange="getMontos()" id="igvMonto"
							value="${pagoLiquidacion.tasaIgv}" maxlength="2"
							onkeypress="return isNumberKeyP(event);" />%:</label></td>
					<td><input type="text" name="montoIgv" maxlength="0"
						id="montoIgv" value="${pagoLiquidacion.montoIgv}"
						onkeypress="return isNumberKeyP(event), isNumberKeyPBD(event);" />
					</td>
				</tr>
				<tr>
					<td style="text-align: right;"><label>Monto Total:</label></td>
					<td><input type="text" name="montoTotal" maxlength="500"
						id="montoTotal" onchange="getMontos()"
						onkeypress="return isNumberKeyP(event);"
						value="${pagoLiquidacion.montoTotal}"
						onkeydown="if(event.keyCode == 13){getMontos();}" /> <select
						name="tipoMoneda" id="tipoMoneda">
							<option value="0">
								<c:out value="-- Tipo Moneda --" />
							</option>
							<c:forEach items="${listTipoMoneda}" var="modali">
								<option value="${modali.tablaEspecificaID}"
									<c:if test="${pagoLiquidacion.fkIdtablaespTipoMoneda == modali.tablaEspecificaID}" > selected="selected" </c:if>>
									<c:out value="${modali.descripcionCabecera}" />
								</option>
							</c:forEach>
					</select></td>
				</tr>
				<tr>
					<td style="text-align: right;"><label>Saldo Pagado:</label></td>
					<td><input type="text" name="saldoPagado" maxlength="0"
						id="saldoPagado" value="0"
						onkeypress="return isNumberKeyPBD(event);" /></td>
				</tr>
				<tr>
					<td style="text-align: right;"><label>Imagen De
							Factura:</label></td>
					<td colspan="2" style="width: 100%"><iframe
							src="showArchivoUploadPagoLiquidacion.jspx" id="window"
							frameborder="0" height="50px" width="100%" scrolling="no"></iframe>
					</td>
				</tr>
				<tr>
					<td colspan="4" style="text-align: right;"><input
						type="button" name="Agregar" value="Agregar"
						onclick="javascript:fRegistrar();"> <input type="reset"
						name="Limpiar" value="Limpiar"> <input type="button"
						value="Cerrar" id="idBtnCerrar" /></td>
				</tr>
			</table>
			<table class="table-clasico" style="width: 100%">
				<caption>Lista</caption>
				<thead>
					<tr>
						<th align="center"><label>Raz&oacute;n Social</label>
						</th>
						<th align="center"><label>Ruc</label>
						</th>
						<th align="center"><label>Monto Total</label>
						</th>
						<th align="center"><label>Igv</label>
						</th>
						<th align="center"><label>Saldo Disponible</label>
						</th>
						<th align="center"><label>Saldo Pagado</label>
						</th>
						<th align="center"><label>DetallePago</label>
						</th>
						<th align="center"><label>Operaciones</label>
						</th>
					</tr>
				</thead>
				<c:forEach var="ingresoPagoG" items="${listPagoLiquidacion}"
					varStatus="indice">
					<c:choose>
						<c:when test="${indice.count %2== 0}">
							<c:set var="classIdi" value="f2"></c:set>
						</c:when>
						<c:otherwise>
							<c:set var="classIdi" value="f1"></c:set>
						</c:otherwise>
					</c:choose>
					<tr class="<c:out value="${classIdi}"></c:out>">

						<td align="left"><c:out value="${ingresoPagoG.razonSocial}"></c:out>
						</td>
						<td align="left"><c:out value="${ingresoPagoG.rucProveedor}"></c:out>
						</td>
						<td align="left"><c:out value="${ingresoPagoG.montoTotal}"></c:out>
							&nbsp; <c:forEach items="${listTipoMoneda}" var="modali1">
								<c:if
									test="${modali1.tablaEspecificaID== ingresoPagoG.fkIdtablaespTipoMoneda}">
									<c:out value="${modali1.descripcionCabecera}" />
								</c:if>
							</c:forEach></td>
						<td align="center"><c:out value="${ingresoPagoG.montoIgv}"></c:out>
						</td>
						<td align="center"><c:out
								value="${ingresoPagoG.saldoDisponible}"></c:out> <c:forEach
								items="${listTipoMoneda}" var="modali1">
								<c:if
									test="${modali1.tablaEspecificaID== ingresoPagoG.fkIdtablaespTipoMoneda}">
									<c:out value="${modali1.descripcionCabecera}" />
								</c:if>
							</c:forEach></td>
						<td align="center"><c:out value="${ingresoPagoG.saldoPagado}"></c:out>
							&nbsp; <c:forEach items="${listTipoMoneda}" var="modali2">
								<c:if
									test="${modali2.tablaEspecificaID== ingresoPagoG.fkIdtablaespTipoMoneda}">
									<c:out value="${modali2.descripcionCabecera}" />
								</c:if>
							</c:forEach></td>
						<td><a
							href="javascript:fDetallePago('showDetallePago.jspx?pagoLiquidacionID=${ingresoPagoG.pagoLiquidacionID}');"
							class="linkSelecciona" style="cursor: pointer" title="Modificar">Detalle
								Pago</a></td>
						<td>
						 <a href="javascript:fModificar('${ingresoPagoG.pagoLiquidacionID}')"  style="cursor:pointer" class="linkSelecciona" title="Modificar">Modificar</a><br/>	
                         <a href="javascript:fEliminar('${ingresoPagoG.pagoLiquidacionID}')"  style="cursor:pointer" class="linkSelecciona" title="Eliminar">Eliminar</a>
						</td>		
					</tr>
				</c:forEach>

			</table>
		</fieldset>

	</form:form>
</div>